<template>
  <div class="main-container">
    <svg class="iconmqj" aria-hidden="true">
        <use xlink:href="#iconkw-mylogo"></use>
    </svg>
    <div class="mqj-result">
        <div class="result-main">
            <div class="result-main-bg">
                <div class="result-main-bgp1">
                    <div class="mqj-light-result">
                        <img src="../../../assets/img/img-find/img-mother/mqj-img21.png" alt="">
                    </div>
                </div>
                <div class="result-main-bgp2"></div>
                <div class="result-main-bgp3"></div>
            </div>
            <div class="result-main-contant">
                <div class="result-title">
                    <div class="result-title-top">
                        <p>答题结束了</p>
                    </div>
                    <img class="result-titleimg result-titleimg-01" src="../../../assets/img/img-find/img-mother/mqj-result-23.png" alt="">
                    <img class="result-titleimg result-titleimg-02" src="../../../assets/img/img-find/img-mother/mqj-result-24.png" alt="">
                    <img class="result-titleimg result-titleimg-03" src="../../../assets/img/img-find/img-mother/mqj-result-04.png" alt="">
                    <img class="result-titleimg result-titleimg-04" src="../../../assets/img/img-find/img-mother/mqj-result-04.png" alt="">
                </div>
                <div class="result-star">
                    <p>超能力指数</p>
                    <div class="result-star-s">
                        <img class="animate-star01" src="../../../assets/img/img-find/img-mother/mqj-result-08.png" alt="">
                        <img class="animate-star02" src="../../../assets/img/img-find/img-mother/mqj-result-08.png" alt="">
                    </div>
                </div>
                <img class="result-ele-01" src="../../../assets/img/img-find/img-mother/mqj-result-07.png" alt="">
                <img class="result-ele-02" src="../../../assets/img/img-find/img-mother/mqj-result-05.png" alt="">
                <img class="result-ele-03" src="../../../assets/img/img-find/img-mother/mqj-result-10.png" alt="">
                <img class="result-ele-04" src="../../../assets/img/img-find/img-mother/mqj-result-06.png" alt="">
                <div class="mum-out">
                    <img class="result-ele-05 result-ele-05d" src="../../../assets/img/img-find/img-mother/mqj-result-26.png" alt="">
                </div>
                <img class="result-ele-06" src="../../../assets/img/img-find/img-mother/mqj-result-25.png" alt="">
                <button class="result-btn result-btn-get">领取母亲节礼物</button>
                <button class="result-btn result-btn-share">分享</button>
                <!-- <button class="once-more">再来一次</button>
                <button class="share-this">分享朋友圈</button> -->
                <div class="mqjkl">
                    <img class="mqjkl-f01" src="../../../assets/img/img-find/img-mother/mqj-result-28.png" alt="">
                    <img class="mqjkl-f02" src="../../../assets/img/img-find/img-mother/mqj-result-29.png" alt="">
                    <img class="mqjkl-f03" src="../../../assets/img/img-find/img-mother/mqj-result-30.png" alt="">
                    <img class="mqjkl-f04" src="../../../assets/img/img-find/img-mother/mqj-result-31.png" alt="">
                    <img class="mqjkl-f05" src="../../../assets/img/img-find/img-mother/mqj-result-32.png" alt="">
                    <img class="mqjkl-f06" src="../../../assets/img/img-find/img-mother/mqj-result-33.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="share-box">
        <img src="../../../assets/img/img-find/img-mother/mqj-result-27.png" alt="">
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
export default {
  name: 'FindIndex',
  data() {
    return {}
  },
  components: {},
  methods: {},
  mounted() {}
}
</script>
<style scoped lang="scss">
.main-container {
  width: 100%;
  height: 100%;
  text-align: left;
}
</style>
